@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}

html{
    height: 100%;
    body{
        height: 100%;
    }
}

#btn{
    height: 100%;
    .btn-a{
        width: 100%;
        img{
            width: 67%;
            position: absolute;
            top: 0px;
            left: -22%;
            right: 0;
            margin: 0 auto;
            margin-top: 105%;
            z-index: 103;
        }
        a{
            display: block;
            width: 74%;
            position: absolute;
            top: 0px;
            left: 11%;
            right: 0;
            margin: 0 auto;
            margin-top: 108%;
            z-index: 103;
        }
    }
    .btn-b{
        width: 100%;
        img{
            width: 67%;
            position: absolute;
            top: 0px;
            left: -22%;
            right: 0;
            margin: auto;
            margin-top: 123%;
            z-index: 103;
        }
        a{
            display: block;
            width: 74%;
            position: absolute;
            top: 0px;
            left: 11%;
            right: 0;
            margin: 0 auto;
            margin-top: 126%;
            z-index: 103;
        }
    }
    .btn-c{
        width: 100%;
        img{
            width: 67%;
            position: absolute;
            top: 0;
            left: -22%;
            right: 0;
            margin: auto;
            margin-top: 141%;
            z-index: 103;
        }
        a{
            display: block;
            width: 74%;
            position: absolute;
            top: 0px;
            left: 11%;
            right: 0;
            margin: 0 auto;
            margin-top: 143%;
            z-index: 103;
        }
    }
    .btn-d{
        width: 100%;
        img{
            width: 14%;
            position: absolute;
            top: 0px;
            left: 74%;
            right: 0;
            margin: auto;
            margin-top: 103%;
            z-index: 103;
        }
        a{
            display: block;
            font-size: 4vw;
            text-align: center;
            width: 18%;
            position: absolute;
            top: 0px;
            left: 74%;
            right: 0;
            margin: auto;
            margin-top: 107%;
            z-index: 103;
        }
    }
    .btn-e{
        width: 100%;
        img{
            width: 11%;
            position: absolute;
            top: 0;
            left: 74%;
            right: 0;
            margin: auto;
            margin-top: 121%;
            z-index: 103;
        }
    }
}


#audio{
    position: absolute;
    top: -50%;
}
.ts{
    width: 80%;
    padding-top: 3%;
    height: 7%;
    background: rgba(155,153,153,0.5);
    position: absolute;
    font-size:140%;
    top: 0;
    left: 0;
    right:0;
    text-align: center;
    margin:auto;
    z-index:200;
    margin-top:82%;
    border-radius:10px ;
    opacity: 0;
    transform: scale(0.5);
    animation: ts 1.2s ease-in-out forwards 1;
}
@keyframes ts{
    0%{
       opacity: 1;
       transform: scale(0.5); 
    }
    50%{
       opacity: 1;
       transform: scale(1);
    }
    100%{
       opacity: 0;
       transform: scale(0.5);
    }
}
